<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
	<meta charset="utf-8">
	<title>我的信息</title>
	<link rel="stylesheet" type="text/css" href="css/myinfo.css">

<link rel="stylesheet" href="js/myinfo/layui/css/layui.css" />
<link rel="stylesheet" href="js/myinfo/eleme-ui/index.css" />

	<script>
//For Demo only
var links = document.getElementsByClassName('link')
for(var i = 0; i <= links.length; i++)
   addClass(i)


function addClass(id){
   setTimeout(function(){
      if(id > 0) links[id-1].classList.remove('hover')
      links[id].classList.add('hover')
   }, id*750) 
}
</script>
	<script type="text/javascript" src="js/myinfo/jquery.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$(".text1").click(function(){
			$(".tabCon1").addClass("tabshow");
			$(".tabCon2").removeClass("tabshow");
			$(".tabCon3").removeClass("tabshow");
		})
		$(".text2").click(function(){
			$(".tabCon1").removeClass("tabshow");
			$(".tabCon2").addClass("tabshow");
			$(".tabCon3").removeClass("tabshow");
		})
		$(".text3").click(function(){
			$(".tabCon1").removeClass("tabshow");
			$(".tabCon2").removeClass("tabshow");
			$(".tabCon3").addClass("tabshow");
		})
	})
	</script>

</head>
<body>
<script type="text/javascript">
$(function(){
	$(".navli").mouseover(function(){
		$(this).addClass("navlishow")

	})
	$(".navli").mouseout(function(){
		$(this).removeClass("navlishow")
		
	})
})
</script>
	<div class="header">
	<div class="logo"></div>
	<div class="nav">
	<ul>
		<li class="navli"><a href="TeaServlet?opt=sel">茶具商店</a></li>
		<li class="navli"><a href="contactus.jsp">联系我们</a></li>
		<li class="navli"><a href="">招商加盟</a></li>
		<li class="navli"><a href="">营销服务</a></li>
		<li class="navli"><a href="newsCentre.jsp">新闻中心</a></li>
		<li class="navli"><a href="showtealist.jsp">茶品展示</a></li>
		<li class="navli"><a href="culture.jsp">品牌文化</a></li>
		<li class="navli"><a href="index.jsp">茶坊首页</a></li>

	</ul>
	</div>
	<div class="login">
	<ul>
	
		<li ><a href="" style="color:white;">注册</a></li>
		<li class="">/</li>
		<li ><a href="" style="color:white;">登陆</a></li>
		<li class="">&nbsp</li>
		<li class="">&nbsp</li>
		<li class=""><a href="myinfo.jsp"><img src="images/kandc/login.png"/></a></li>
	</ul>
	</div>
	</div>
	<div class="center">
	<div class="centertop">
	<p>当前位置 > 我的信息 > 全部：<p>
	</div>
	<div class="centerleft">
	<div class="container">
  <div class="link">
    <div class="text">我的信息</div>
  </div>
  <div class="link">
    <div class="text1">个人信息</div>
  </div>
  <div class="link">
    <div class="text2">我的订单</div>
  </div>
  <div class="link">
    <div class="text3">购物车</div>
  </div>
  <div class="link">
    <div class="text4">我的收藏</div>
  </div>
  <div class="link">
    <div class="text5">我的评价</div>
  </div>
</div>
	</div>
	<c:if test="${empty user }">
	<c:redirect url="UserServlet?opt=myinfoshow"></c:redirect>
	</c:if>
	<div class="centerchange">
		<div class="tabCon1">
		<form class="userinfo" action="UserServlet?opt=updatemyinfo" method="post">
		<h1 style="font-size:25px;color:#886">维护个人信息</h1>
		<table>
		<tr>
			<td>真实姓名：</td><td><input type="text" name="realname" id="realname" value="${user.realname }"></td>
		</tr>
		<tr>
			<td>手机号码：</td><td><input type="text" name="phone" id="phone" value="${user.phone }"></td>
		</tr>
		<tr>
			<td>电子邮箱：</td><td><input type="text" name="email" id="email" value="${user.email }"></td>
		</tr>
		<tr>
			<td>证件类型：</td><td><option name="certtype" id="certtype" value="${user.certtype }"><select></select></option></td>
		</tr>
		<tr>
			<td>证件号码：</td><td><input type="text" name="certno" id="certno" value="${user.certno }"></td>
		</tr>
		<tr>
			<td>详细地址：</td><td><input type="text" name="address" id="address" value="${user.address }"></td>
		</tr>
		
		</table>
		<input type="submit"  value="提交" style="margin-top:50px;margin-left:80px;">
		<input type="reset"  value="重置" style="margin-top:50px;margin-left:80px;">
		</form>


		</div>
		<div class="tabCon2">
		<form>
		<table>
			<th>订单编号</th>
			<th>图片</th>
			<th>茶叶名</th>
			<th>规格</th>
			<th>数量</th>
			<th>总价</th>
			<th>地址</th>
			<th>状态</th>
			<th>操作</th>
			<tr>
				<td>@</td>
				<td>@</td>
				<td>@</td>
				<td>@</td>
				<td>@</td>
				<td>@</td>
				<td>@</td>
				<td>@</td>
				<td>@</td>
			</tr>
		</table>
		</form>
		</div>

 	 	<div class="tabCon3">
	<form>
	<div class="shopping_list_top">您已选购以下商品</div>
	<div class="shopping_list_border">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr class="shopping_list_title">

			<td class="shopping_list_title_1">茶品编号</td>
			<td class="shopping_list_title_7">茶品名称</td>
			<td class="shopping_list_title_2">图片</td>
			<td class="shopping_list_title_3">市场单价</td>
			<td class="shopping_list_title_4">小计</td>
			<td class="shopping_list_title_5">数量</td>
			<td class="shopping_list_title_6">删除</td>
		</tr>
	</table>
 
	<table width="100%" border="0" cellspacing="0" cellpadding="0" id="shopList">
		<tr class="shopping_product_list"  id="shoppingProduct_01" onMouseOver="productOver(this)"  onMouseOut="productOut(this)">
			<td class="shopping_product_list_1"><a href="#" class="blue">11111</a></td>
			<td class="shopping_product_list_7">hongcha</td>
			<td class="shopping_product_list_2">pic</td>
			<td class="shopping_product_list_3">¥688</td>
			<td class="shopping_product_list_4">¥688</td>
			<td class="shopping_product_list_5"><input onBlur="productCount()" type="text" value="1"></td>
			<td class="shopping_product_list_6"><a href="javascript:deleteProduct('shoppingProduct_01')" class="blue">删除</a></td>
		</tr>
		
   	</table>
	<div class="shopping_list_end" style="margin:0px;">
		<ul>
			<li class="shopping_list_end_1"><input name="" type="image" src="images/shopping_balance.gif"></li>
			<li class="shopping_list_end_2" id="total">￥626.90</li>
			<li class="shopping_list_end_3">商品金额总计：</li>
			<li  class="shopping_list_end_4">您共节省：<label class="shopping_list_end_yellow" id="jiesheng">￥233.70</label><br/>
可获商品积分：<label class="shopping_list_end_yellow" id="jifen">1740</label></li>
		</ul>
	</div>
	</div>
</div>

	
 
   	</table>
	</div>
</div>
</div>
	</form>
</div>
</div>
<!--js类引用-->

	


	<div class="footter" >
		
	</div>
</body>
</html>
